*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}
a{
    text-decoration: none;
}
.container{
    width: 1240px;
    margin:auto;
}
.clearfix::after{
    clear: both;
    content: '';
    display: block;
}
nav{
    height:85px;
    margin-bottom: 35px;
}
.xian{
    height:2px;
    width:100%;
    background: url("../images/xian.png");
}
.ding{
    width:100%;
    position: fixed;
    background: #fff;
    z-index: 1000;
}
.nav-z{
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 1px 2px hsla(0,0%,60%,.05);
}
.nav-z .logo{
    display: inline-block;
    float: left;
    padding: 25px 27px 20px 30px;
}
.nav-z img{
    width: 122px;
    height: 33px;
}
.nav-left{
    float: left;
}
.nav-left li{
    float: left;
    height:78px;
    padding:0 15px;
}
.nav-left a{
    display: inline-block;
    padding:28px 0 25px;
    color: #333;
    font-size: 18px;
}
.nav-left a:hover{
    color: #2291f7;
}
.nav-left .cu{
    border-bottom:3px solid #4889f3;
    font-weight: 700;
}
.geng{
    float: left;
    padding: 26px 15px 24px;
}
.geng a{
    padding: 5px 14px;
    background: #e3f3fe;
    border-radius: 15px;
    display: inline-block;
    font-size: 14px;
    color: #3563d5;
}
.deng{
    float: right;
    padding: 20px 50px;
}
.deng a{
    padding: 5px 14px;
    background: #e3f3fe;
    border-radius: 12px;
    display: inline-block;
    font-size: 12px;
    color: #3563d5;
}
.zuo{
    float: left;
}
.you{
    float: right;
}
header{
    margin-bottom: 30px;
}
main{
    position: relative;
}
.main-left{
    float: left;
    width: 170px;
    height: 558px;
    margin-right: 30px;
}
.li{
    width: 170px;
    height: 558px;
    position: static;
    z-index: 1;
    margin-right: 30px;

}
.li-top{
    line-height: 44px;
    width:100%;
    color: #ffffff;
    background: #4889f3;
    border-radius: 3px 3px 0 0;
    text-align: center;
}
.li-bottom a{
    display: block;
    color: #666;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #fff;
}
.li-bottom a:hover{
    color: #4889f3;
}
.li-bottom ul{
    border: 1px solid #f0f0f0;
}
.li-bottom li{
    border-top: 1px solid #f0f0f0;
}
.li-bottom li:first-child{
    border-top: none;
}
.main-center{
    width: 700px;
    float: left;

}
.c-top{
    margin-bottom: 40px;
}
.mc-left{
    width: 458px;
    float: left;
    position: relative;
}
.mc-left img{
    width: 100%;
    height: 263px;
}
.mc-left p{
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.8));
    position: absolute;
    bottom: 4px;
    left: 0;
}
.mc-left a{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 25px 20px;
    display: inline-block;
}
.mc-right{
    float: right;
    width: 230px;
    position: relative;
}
.mc-right img{
    width:100%;
}
.mc-right p{
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.8));
    position: absolute;
    bottom: 138px;
    left: 0;
}
.mc-right .ma{
    bottom: 4px;
}
.mc-right a{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin:12px;
    display: inline-block;
}
.c-bottom li{
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
}
.c-bottom li:hover{
    background: #f3f6f8;
}
.c-bottom a:hover{
    color: #2291f7;
}
.c-bottom .jian a:hover{
    background:url("../images/xia-lan.png") no-repeat 0;
}
.c-bottom .teshu{
    border-top:none;
}
.c-bottom h2{
    color: #5889ec;
}
.picture{
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 230px;
    height: 130px;
    overflow: hidden;
    min-width: 230px;
    max-width: 230px;
}
.picture img{
    width:100%;
}
.tupian{
    height:130px;
}
ul h3{
    font-size: 20px;
    font-weight: 400;
    min-height: 70px;
}
ul .da{
    color: #333;
}
.tu-center{
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}
.tu-center a{
    display: inline-block;
    font-size: 12px;
    background-color: #f0f0f0;
    border-radius: 20px;
    padding: 0 10px;
    color: #999;
}
.tu-xia{
    color: #666;
    font-size: 12px;
    height: 22px;
    padding-right: 10px;
}
.zi{
    float: left;
}
.zi a{
    display: inline-block;
    margin-right: 10px;
    color: #666;
}
.jian{
    float: right;
    display: block;
    color: gray;
    height: 22px;
    line-height: 22px;
}
.j{
    display: inline-block;
    color: gray;
    height: 22px;
    line-height: 22px;
}
.j span{
    padding-left: 18px;
    cursor: pointer;
    background:url("../images/jian-hui.png") no-repeat 0;
    color: gray;
    line-height: 22px;
}
.jian a{
    color: #666;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    margin-left: 15px;
    padding-left: 18px;
    background: url("../images/xia.png") no-repeat 0;
    cursor: pointer;
}
.tu{
    min-height: 40px;
}
.tupian2{
    height: 160px;
}
.zhong{
    float: left;
    margin-left: 10px;
}
.zhong a{
    display: inline-block;
    font-size: 12px;
    background-color: #f0f0f0;
    border-radius: 20px;
    padding: 2px 8px;
    color: #999;
}
.tu-center2{
    margin-bottom:10px;
}
.tu-center2 img{
    height: 130px;
    width: 230px;
}
.kan{
    line-height: 35px;
    background: #f0f0f0;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    border-radius: 5px;
    display: block;
    margin: 10px 0 30px;
}
.main-right{
    width: 300px;
    float: right;
}
.main-right li{
    padding:10px 0;
}
.main-right ul{
    background-color: #f7f8f9;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}
.main-right img{
    margin-bottom: 35px;
}
.main-right h3{
    width: 120px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 40px 12px;
}
.main-right .jing{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #4889f3;
}
.xiao{
    float: left;
    width: 120px;
    height: 80px;
}
.xiao img{
    width:100%;
}
.p{
    float: left;
    width: 140px;
    padding-left: 10px;
    line-height: 20px;
    z-index: 1;
}
.p a{
    color: #333;
    font-size:14px;
}
.more{
    line-height: 45px;
    background: #f7f8f9;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px;
}
.more a{
    font-size: 14px;
    color: #666;
}
.two img{
    width:100%;
    margin-bottom: 0;
}
.two a{
    font-size: 14px;
    color: #666;
}
footer .foot{
    padding: 60px 0;
    width: 100%;
    text-align: center;
    line-height: 20px;
}
.foot p{
    color: #333333;
    font-size: 12px;
}





@media (max-width: 600px) {
    .container{
        width:100%;
    }
    nav{
        height:auto;
    }
    .ding{
        position: static;
    }
    .nav-left li{
        height: auto;
    }
    .nav-left a{
        padding: 0 0 16px;
    }
    .geng{
        padding:10px 8px 0;
    }
    .deng{
        padding:25px 60px;
    }
    .zuo{
        display: none;
    }
    .you{
        width:100%;
    }
    .main-left{
        display: none;
    }
    main{
        width:100%;
    }
    .c-top{
        width: 95%;
        margin: auto;
    }
    .mc-left{
        width: 100%;
    }
    .mc-right{
        width: 100%;
    }
    .main-center{
        width: 100%;
    }
    .mc-right p{
        bottom: 189px;
    }
    .picture{
        float: none;
        width:100%;
        height: 100%;
        min-width: 95% ;
    }
    .tupian2{
        height:auto;
    }
    .tu-xia{
        height: auto;
    }
    .tu-center2 img{
        height: auto;
        width: 95%;
    }
    .c-bottom{
        width: 95%;
        margin: auto;
    }
    .main-right{
        float: none;
        width: 95%;
        margin: auto;
    }
}
